const path = require('path');
const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
const options = { chunk: true }
module.exports = {
    // 设置入口文件
    entry: {

        main: './src/index.js', // 主入口文件
        pageInterface: './tools/forpage.js', // 页面接口文件

    },
    // 指定打包后的输出位置和文件名
    // [fullhash]
    output: {
        filename: '[name].bundle.js',
        path: path.resolve(__dirname, 'dist'),
        clean: true,
        publicPath: '',
    },
    // 设置模块的规则，包括如何处理不同文件
    module: {
        rules: [
            {
                test: /\.js$/, // 正则表达式，匹配 .js 文件
                exclude: /node_modules/, // 排除 node_modules 目录
                use: {
                    loader: 'babel-loader', // 使用 babel-loader 转换 ES6 等高级语法
                    options: {
                        presets: ['@babel/preset-env'] // 转换时使用的预设集
                    }
                }
            }
        ]
    },
    // plugins: [
    //     new WebpackManifestPlugin(options)
    // ],
    // 设置开发工具
    // devtool: 'source-map',
    // 设置开发服务器
    // devServer: {
    //     contentBase: './dist', // 设置服务器默认文件夹
    //     open: true // 自动打开浏览器
    // }
    devServer: {
        static: './dist',
        client: {
            overlay: false
        }
    },
    // optimization: {
    //     runtimeChunk: 'single',
    // },
};